
@use "vars.module" as *;

// 文字溢出隐藏
@mixin text-line-hidden($num:1) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;

  @if ($num > 1) {
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: $num;
    -webkit-box-orient: vertical;
  }
}

// 覆写一些时候使用el-table表格的样式
@mixin rewrite-el-table() {
  :deep(.el-table) {
    border-spacing: 50px;

    .cell {
      font-size: 16px;
    }

    thead .el-table__cell {
      padding: 14px 0;
      background-color: rgba(245, 247, 250, 1);
    }

    td.el-table__cell, th.el-table__cell.is-leaf {
      border: none;
    }

    .el-table__inner-wrapper {
      &:before {
        height: 0;
      }
    }
  }
}




@mixin dialog-form-footer() {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 30px;

  .button {
    min-width: 115px;
  }
}

@mixin fixed-control {
  position: fixed;
  z-index: 105;
  bottom: -80px;
  opacity: 0;
  left: calc(50%);
  width: 150px;
  height: 45px;
  background: #313136;
  border-radius: 8px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  transition: 0.5s;

  .item {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 5px;
    margin: 0 3px;

    .iconfont {
      font-size: 25px;
    }
  }

  .item:hover {
    background: #56565a;
  }

  &.active {
    bottom: 80px;
    opacity: 1;
  }
}

